.cn_containner {
  width: 100%;
  height: 92%;
  box-sizing: border-box;
  padding: 2% 4% 0%;
  position: absolute;
  top: 8%;
  background:url("../../img/rtable_bg.png") repeat-x left center;
  background-size:100% 100%;
}

.table-con {
  top: 13%;
  left: 4%;
  right: 4%;
  box-sizing: border-box;
}
/* charts */
.j-charts-con {
  width: 100%;
  height: 320px;
  /* margin-bottom: 2%; */
  box-sizing: border-box;
}
.j-charts-con::after {
  content: "";
  display: block;
  clear: both;
}
.j-charts-con div.line-charts {
  float: left;
  width: 55%;
  height: 100%;
  margin-left: 1%;
}
.j-charts-con div.pie-charts {
  float: right;
  width: 40%;
  height: 100%;
  /* margin-right: 8%; */
}
